草庐IT

jQuery Mobile 表单滑动条

全部标签

javascript - 从 Backbone 中的表单更新模型

我正在使用Backbone和Laravel创建一个简单的应用程序来管理预订,我正在处理一个简单的表单来更新当前登录用户的用户数据。我想知道,是否有比我所做的更好、更有效的方法来使用表单中的输入数据更新您的模型?我在模型中创建了一个名为update的方法,该方法传递了一个表单的DOM对象。我认为这不是解决问题的最佳方法。任何帮助将不胜感激!varAccount=Backbone.Model.extend({url:"/settings/account",initialize:function(){},update:function(form){this.set({first_name:f

javascript - 仅当表单已提交时才触发 jQuery 表单验证?

非侵入式验证基于这样的想法,即在用户提交表单之前不进行表单验证;一旦发生这种情况,如果表单上的某些内容无效,则在用户更改后立即验证每个字段。我想做的是“不显眼地”触发对表单元素的验证——也就是说,仅在用户已经尝试提交表单时验证表单元素。所以我可以像这样触发一个元素的验证(当某个复选框被更改时我会这样做):$('#chkNoPersonId').change(function(){$('#lstPersonId').valid();});但问题在于,这将总是导致lstPersonId被验证并在无效时显示错误,即使用户尚未提交形成一次。我希望仅在用户尝试提交表单后才对其进行验证。是否有一些

javascript - 如何使用 div 元素构建 Recurly.js 表单?

我的团队正在使用Recurly.js在我们的网站中构建一个支付页面。我们一直在关注来自https://docs.recurly.com/js的文档.根据文档,Buildaformhoweveryoulike.Usethedata-recurlyattributetoidentifyinputfieldtargetstoRecurly.js.ToidentifywhereRecurly.jswillinjectcarddatafields,werecommendusingsimpledivelements.问题在于div元素实际上并未显示在表单中。这是一个基于文档的可重现的简短示例:re

javascript - 表单提交后重定向(CSR)

在由CSR(客户端呈现)覆盖的SharePoint表单中。我尝试添加一个新按钮,它的功能与“保存”按钮几乎相同,只是它会重定向到具有给定参数的另一个表单。问题是,重定向不起作用。我尝试通过更改表单的“操作”属性进行重定向,但它似乎没有被计算在内。这是新按钮:这是按钮调用的函数和下面的addLine方法:$('#custom_addLine').click(function(event){event.preventDefault();addLine(getQueryStringParameter('ID'));});functionaddLine(id){if(!PreSaveItem(

javascript - 在应用程序中使用 jQuery 表单绑定(bind)代码的最佳实践

我们有一个应用程序,其中包含大量对服务器端代码的jQueryJSON调用。因此,我们有大量的绑定(bind)代码来解析响应并将适当的值绑定(bind)到表单。这是一个由两部分组成的问题。处理大量具有不同数据的表单的推荐方法是什么。现在我们正在尝试采用结构化方法为每个页面设置一个js“类”,​​使用init、wireClickEvents等。以尝试使所有内容都一致。在创建重复的jQuery代码或任何类型的推荐结构方面是否有任何“最佳实践”,而不仅仅是在js文件中添加一堆函数? 最佳答案 您可能应该研究像knockout.js这样的框架

javascript - ExtJs 表单验证

我在ExtJs中有这个表单。如果field1不为空,则field2不得为空。但即使听众正在开火,它也不起作用。{xtype:'panel',title:'title1',items:[{xtype:'fieldset',title:'fieldA',items:[{xtype:'textfield',fieldLabel:'Line1',id:'field1',listeners:{change:function(f,new_val){if(new_val){//alert("change"+new_val);f.field2.allowBlank=false;}else{f.fiel

javascript - 如果在使用 jquery 的 .each() 函数遍历每个表单元素后验证失败,则阻止提交表单

我有以下代码,我在其中尝试迭代html文本输入元素,进行一些验证并在验证失败时阻止表单提交:$("#the_form").submit(function(){$(":text",this).each(function(){if($(this).val().length!=0){varstr=$(this).val();str=$.trim($(this).val());$(this).val(str);if($(this).val().length如果我删除.each()函数并分别处理每个元素(这显然不是一个很好的方法),我会得到想要的结果。但是,如果我按原样使用代码,即使用户没有输入

javascript - 当 method=get 且 URL 包含散列时,使用 Javascript 更改表单操作时 IE 中的错误

我正在使用Javascript在您提交表单时更改表单的URL。如果该URL包含哈希字符串(#),则InternetExplorer将忽略它并只提交到之前的html部分。Firefox和Chrome没问题。演示:functionchangeURL(){varmyform=document.getElementById('myform');myform.setAttribute("action","page2.html#hello");returnfalse;}如果我将方法更改为“post”,就可以了。如果我使用“get”,IE会访问page2.html,但URL中没有#hello。无论我

javascript - 表单数据() XHR2

我正在尝试使用FormData()。我已经在多个版本的Chrome和Firefox中尝试过这段代码。varfData=newFormData();fData.append('foo','bar');console.log('formData',fData);fData,在记录时,只给我创建的带有FormData原型(prototype)的对象,没有额外的“foo”值。没有错误,它似乎只是默默地失败了。我也试过varfData=newFormData(formElement); 最佳答案 做了一些研究,我找到了thisquestion

javascript - 在组合选择上具有动态显示/隐藏字段的 Extjs 表单

使用Ext4.1我想创建一个带有选择组合的表单,并且根据当前选择的选项不同的子字段将被显示/隐藏。下面的例子:现在我有一个组合和一组在渲染中隐藏的两个日期字段。当组合值更改时,我有一个事件监听器将显示这些字段。但我不确定这是否是解决此问题的最佳方法。在这种情况下,字段集会更好吗?Ext.define('TooltipForm',{extend:'Ext.form.Panel',layout:{type:'vbox',align:'stretch'},border:false,bodyPadding:10,initComponent:function(){this.on('afterre